<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <link href="plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
        <link href="css/reset.css" rel="stylesheet">
        <link href="css/order.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
        <script src="js/jquery.js"></script>
        <title>饿了么 我的订单</title>
    </head>
    <body>
        <div class="wrapper">
            <!-- header部分 -->
            <header>
                <p>我的订单</p>
            </header>
            
            <h3>已支付订单信息：</h3>
            <ul class="order">
                <li>
                    <div class="order-info">
                        <p>
                            万家饺子（软件园E18店）
                            <i class="fa fa-caret-down"></i>
                        </p>
                        <div class="order-info-right">
                            <p>&#165;49</p>
                        </div>
                    </div>
                    <ul class="order-detailet">
                        <li>
                            <p>纯肉鲜肉（水饺） x 2</p>
                            <p>&#165;15</p>
                        </li>
                        <li>
                            <p>玉米鲜肉（水饺） x 1</p>
                            <p>&#165;16</p>
                        </li>
                        <li>
                            <p>配送费</p>
                            <p>&#165;3</p>
                        </li>
                    </ul>
                </li>
                <li>
                    <div class="order-info">
                        <p>
                            小锅饭豆腐馆（全运店）
                            <i class="fa fa-caret-down"></i>
                        </p>
                        <div class="order-info-right">
                            <p>&#165;55</p>
                        </div>
                    </div>
                    <ul class="order-detailet">
                        <li>
                            <p>纯肉鲜肉（水饺） x 2</p>
                            <p>&#165;15</p>
                        </li>
                        <li>
                            <p>玉米鲜肉（水饺） x 1</p>
                            <p>&#165;16</p>
                        </li>
                        <li>
                            <p>配送费</p>
                            <p>&#165;3</p>
                        </li>
                    </ul>
                </li>
            </ul>
            <!-- 底部菜单部分 -->
        </div>  
		<div class="footer">
			<ul>
				<a href="index.html"><li><i class="fa fa-home"></i>首页</li></a>
				<a href="shop.html"><li><i class="fa fa-chrome"></i>店铺</li></a>
				<a href="order.html"><li><i class="fa fa-tasks"></i>订单</li></a>
				<a href="mine.html"><li><i class="fa fa-user-o"></i>我的</li></a>
			</ul>
		</div>
    </body>
</html>
